<div class="w1200 bg_wrap">

    <div id="account" class="login_page clearfix">
        <div style="display:none;" th:fragment="title" th:inline="text">[[#{pageTitle.login}]] - [[#{pageTitle.title}]]</div>

        <div id="login" class="login_pannel">
            <h3><span th:text="#{login.loginToAccount}">Login to Your Account</span></h3>
            <p><span th:text="#{login.alreadyMember}">Already a member? Sign in using the form below</span>.</p>

			<div id="errorTips">
	            <span class="error" th:if="${param.error}">
	            <p>
	            	<span th:if="${param.msg==null or param.msg==''}" th:text="#{login.noMatchTryAgain}">The e-mail address and/or password entered do not match our records.  Please try again</span>
	            	<span th:unless="${param.msg==null or param.msg==''}"></span>
	            </p>
	            </span>
            </div>

            <div class="clearfix lg_box">
                <blc:form th:action="@{/login_post.htm}" method="post">
                    <input type="hidden" name="successUrl" th:if="${successUrl}" th:value="${successUrl}" />

                    <div class="form50">
                        <label class="login_label user_icon" for="j_username"><span th:text="#{login.email}">Email</span>
                        </label>
                        <input type="text" name="j_username" th:class="${param.error} ? 'field50 fieldError' : 'field50'" placeholder="邮箱/已验证手机" />
                    </div>

                    <div class="form50">
                        <label class="login_label password_icon" for="j_password"><span th:text="#{login.password}" placeholder="密码" >Password</span>
                        </label>
                        <input type="password" name="j_password" th:class="${param.error} ? 'field50 fieldError' : 'field50'" />
                    </div>
                    
                    <div class="form50" id="catchaMobileDiv" style="display:none">
                        <label class="login_label password_icon" for="captcha"><span th:text="#{login.captcha}">手机号码</span>
                        </label>
                         <div id="smsCaptchaArea" >
                        	<input type="text" name="mobile" id="mobile" th:class="${param.error} ? 'field50 fieldError' : 'field50'" placeholder="手机号码" />
                        </div>
					</div>
                    
                     <div class="form50" id="catchaDiv" style="display:none">
                        <label class="login_label password_icon" for="captcha"><span th:text="#{login.captcha}">验证码</span>
                        </label>
                       
                        <input type="text" name="captcha" th:class="${param.error} ? 'field50 fieldError' : 'field50'" style="width:30%" placeholder="验证码" />
                        <div id="imgCaptchaArea" style="width:120px;float:right;display:none;">
                        	<img id="captcha_img" th:src="@{/captcha/cpatchaImg}"/>
                        </div>
                        <button type="button" id="captcha_btn" style="display:none">获取验证码</button>
                    </div>

                    <div class="login_register">
                        <input class="login_button big red" type="submit" th:value="#{login.login}" />
                    </div>

                    <div class="login_register_alt_links">
                        <span class="rempsw">
                            <input type="checkbox" id="rememberPassword" /><label for="rememberPassword">记住用户名(保留1个星期)</label>
                        </span>
                        <a class="account" th:href="@{/register}"><span th:text="#{login.register}">Register</span></a>
                        <a class="account" th:href="@{/login/forgotPassword}"><span th:text="#{login.forgotPassword}">Forgot Password</span></a>
                    </div>
                </blc:form>
            </div>
        </div>
        <div class="sign_pic">
            <img src="/shop/img/login.png" th:src="@{/img/login.jpg}" alt="登录 - 范客生活" />
        </div>
    </div>
</div>
